<script setup>
	
</script>


<template>
<uni-forms class="login-form" ref="form">
  <uni-forms-item name="mobile">
    <uni-easyinput
      :input-border="false"
      :clearable="false"
      placeholder="请输入手机号"
      placeholder-style="color: #C3C3C5"
    />
  </uni-forms-item>
  <uni-forms-item name="password">
    <uni-easyinput
      type="password"
      placeholder="请输入密码"
      :input-border="false"
      placeholder-style="color: #C3C3C5"
    />
  </uni-forms-item>
  <view class="agreement">
    <radio :checked="false" color="#16c2A3" />
    我已同意
    <text class="link">用户协议</text>
    及
    <text class="link">隐私协议</text>
  </view>

  <button class="uni-button">登录</button>
  <navigator hover-class="none" class="uni-navigator" url="">
    忘记密码？
  </navigator>
</uni-forms>

</template>

<script>
export default {
  options: {
    styleIsolation: 'shared',  // 当你希望组件的某些样式能够影响到全局，同时又不想让全局样式干扰组件内部样式时
  },
}
</script>

<style lang="scss">
@import './styles.scss';
</style>
